<!DOCTYPE HTML>
<html>
<head>
<title>THBG</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link
	href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,900"
	rel="stylesheet" />
<link href="images/favicon.ico" rel="icon" type="image/x-icon" />
<!--[if lte IE 8]><script src="js/html5shiv.js"></script><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
<script type="text/javascript" src="js/jquery.js"></script>
<script src="js/jquery.dropotron.min.js"></script>
<script src="js/config.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-panels.min.js"></script>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<script type="text/javascript" src="js/smoothscroll.js"></script>
<noscript>
	<link rel="stylesheet" href="css/skel-noscript.css" />
	<link rel="stylesheet" href="css/style.css" />
	<link rel="stylesheet" href="css/style-desktop.css" />
</noscript>
</head>
<body class="homepage">

	<!-- Header Wrapper -->
	<a name="top"></a>
	<span></span>
	<div id="header-wrapper" class="wrapper">
		<div class="container">
			<div class="row">
				<div class="12u">

					<!-- Header -->
					<div id="header">

						<!-- Logo -->
						<div id="logo">
							<h1>
								<a href="#top" class="smoothScroll">TheHoneybadgerGaming</a>
							</h1>
							<span class="byline">Playing | Ranting | Gaming</span>
						</div>
						<!-- /Logo -->

						<!-- Nav -->
						<nav id="nav">
							<ul>
								<li><a href="#social" class="smoothScroll">Social</a></li>
								<li><a href="#intro" class="smoothScroll">Introduction</a></li>
								<li><a href="#livestreaming" class="smoothScroll">Twitch.tv</a></li>
								<li><a href="#youtubestreaming" class="smoothScroll">Youtube
										Streaming</a></li>
								<li><a href="#">Events</a></li>
								<li><a href="#contactus" class="smoothScroll">Contact
										Us</a></li>
							</ul>
						</nav>
						<!-- /Nav -->

					</div>
					<!-- /Header -->

				</div>
			</div>
		</div>
	</div>
	<!-- /Header Wrapper -->

	<!-- Intro Wrapper -->
	<div id="intro-wrapper" class="wrapper wrapper-style1">
		<div class="title">The Introduction</div>
		<div class="container">
			<div class="row">
				<div class="12u">

					<!-- Intro -->
					<section id="intro">
						<p class="style1">So in case you were wondering what this is
							all about ...</p>
						<p class="style2">
							TheHBGaming is a small youtube<br class="mobile-hide" /> channel
							run by Jacob and Josh
						</p>
						<p class="style3">
							It's <strong>responsive</strong>, built on <strong>HTML5</strong>
							and <strong>CSS3</strong>, and released for free under the <a
								href="http://html5up.net/license/">Creative Commons
								Attribution 3.0 license</a>, so use it for any of your personal or
							commercial projects &ndash; just be sure to credit us!
						</p>
						<ul class="actions actions-centered">
							<li><a href="http://www.youtube.com/thehoneybadgergaming"
								class="button button-style3 button-big">To Youtube!</a></li>
							<li><a href="#top"
								class="button button-style2 button-big smoothScroll">Top</a></li>
						</ul>
					</section>
					<!-- /Intro -->

				</div>
			</div>
		</div>
	</div>
	<!-- /Intro Wrapper -->

	<!-- Main Wrapper -->

	<div id="main-wrapper" class="wrapper wrapper-style2">
		<div class="title">Livestreaming</div>
		<div class="container">

			<div class="row">
				<div class="12u">

					<!-- Main -->
					<div id="main">

						<!-- Image -->
						<a href="http://fav.me/d5pjw3g" class="image image-featured">
							<img src="images/twitch.png" alt="" />
						</a>
						<!-- /Image -->

						<!-- Features -->
						<section id="features">
							<header class="style1">
								<a name="livestreaming"></a>
								<h2>Livestreaming!</h2>
								<p class="byline">We usually livestream every other weekend
									with a variety of games including...</p>
							</header>
							<div class="feature-list">
								<div>
									<div class="row">
										<div class="6u">
											<section>
												<h3 class="fa fa-picture-o">Minecraft</h3>
												<p>Minecraft</p>
											</section>
										</div>
										<div class="6u">
											<section>
												<h3 class="fa fa-picture-o">Battlefield 4</h3>
												<p>Battlefield 4</p>
											</section>
										</div>
									</div>
									<div class="row">
										<div class="6u">
											<section>
												<h3 class="fa fa-picture-o">Battlefield 3</h3>
												<p>Battlefield 3</p>
											</section>
										</div>
										<div class="6u">
											<section>
												<h3 class="fa fa-picture-o">Arma 2</h3>
												<p>Arma 2 is a game produced by Bohemia Interactive</p>
											</section>
										</div>
									</div>
									<div class="row">
										<div class="6u">
											<section>
												<h3 class="fa fa-picture-o">Arma 3</h3>
												<p>Arma 3</p>
											</section>
										</div>
										<div class="6u">
											<section>
												<h3 class="fa fa-picture-o">COD Black Ops II</h3>
												<p>COD Black Ops II</p>
											</section>
										</div>
									</div>
								</div>
							</div>
							<ul class="actions actions-centered">
								<li><a href="www.twitch.tv/thehoneybadgergaming"
									class="button button-style1 button-big">To Twitch!</a></li>
								<li><a href="#top"
									class="button button-style2 button-big smoothScroll">Top</a></li>
							</ul>
						</section>
						<a name="youtubestreaming"></a>
						<section id="features">
							<header class="style1">
								<h2>Youtube Streaming</h2>
								<p class="byline">If we are hitting a large milestone we
									usually also stream onto youtube.</p>
								<p class="byline">Just check our channel regularly to see if
									we are streaming.</p>
							</header>
						</section>
						<ul class="actions actions-centered">
							<li><a href="http://www.youtube.com/thehoneybadgergaming"
								class="button button-style1 button-big">To Youtube!</a></li>
							<li><a href="#top"
								class="button button-style2 button-big smoothScroll">Top</a></li>
						</ul>
						<!-- /Features -->

					</div>
					<!-- /Main -->

				</div>
			</div>
		</div>
	</div>
	<!-- /Main Wrapper -->


	<!-- Highlights Wrapper -->
	<div class="wrapper wrapper-style3">
		<div id="social1" class="title">Social</div>
		<div class="container">
			<div class="row">
				<div class="12u">
					<a name="social"></a>
					<!-- Highlights -->
					<div id="highlights">
						<div>
							<div class="row">
								<div id="socialtwitter1" class="4u"
									style="float: left; width: 45%;">
									<section class="highlight highlight-one">
										<a href="http://fav.me/d59i3b3" class="image image-full"><img
											src="images/pic02.jpg" alt="" /></a>
										<h3>
											<a href="#">Twitter</a>
										</h3>
										<p>Eget mattis at, laoreet vel amet sed velit aliquam diam
											ante, dolor aliquet sit amet vulputate mattis amet laoreet
											lorem.</p>
									</section>
								</div>
								<div id="socialtwitter2" class="4u"
									style="float: right; width: 45%;">
									<section class="highlight highlight-two">
										<a href="http://fav.me/d4tqyby" class="image image-full"><img
											src="images/pic03.jpg" alt="" /></a>
										<h3>
											<a href="#">Facebook</a>
										</h3>
										<p>Eget mattis at, laoreet vel amet sed velit aliquam diam
											ante, dolor aliquet sit amet vulputate mattis amet laoreet
											lorem.</p>
									</section>
								</div>
							</div>
							<ul class="actions actions-centered">
								<li><a href="https://twitter.com/TheHBGaming"
									class="button button-style1 button-big">To Twitter!</a></li>
								<li><a href="#top"
									class="button button-style2 button-big smoothScroll">Top</a></li>
								<li><a href="#" class="button button-style1 button-big">To
										Facebook!</a></li>
							</ul>
						</div>
					</div>
					<!-- /Highlights -->

				</div>
			</div>
		</div>
	</div>
	<!-- /Highlights Wrapper -->

	<!-- Footer Wrapper -->
	<div id="footer-wrapper" class="wrapper">
		<div class="title">Contact Us</div>
		<a name="contactus"></a>
		<div class="container">

			<div class="row">
				<div class="12u">

					<!-- Footer -->
					<div id="footer">
						<header class="style1">

							<h2>Any Questions or Suggestions?</h2>
							<p class="byline">
								Contact us using any of the links below.<br /> Or just leave a
								comment on one of our videos.
							</p>
						</header>
						<ul class="actions actions-centered">
							<li><a href="#top"
								class="button button-style2 button-big smoothScroll">Top</a></li>
						</ul>
						<hr />
						<div>
							<div class="row">
								<div class="6u">

									<!-- Contacts -->
									<section class="footer-two">
										<div class="feature-list feature-list-small">
											<div>
												<div class="row">
													<div class="6u">
														<section>
															<h3 class="fa fa-comment">Social</h3>
															<p>
																<a href="https://twitter.com/TheHBGaming">@TheHBGaming</a><br />
																<a href="http://twitch.tv/thehoneybadgergaming">THBG's
																	Twitch</a>
															</p>
														</section>
													</div>
													<div class="6u">
														<section>
															<h3 class="fa fa-envelope">Email</h3>
															<ul>
																<li>jacojazz@thbg.co.uk</li>
																<li>crunchybadger@thbg.co.uk</li>
															</ul>
														</section>
													</div>
												</div>
											</div>
										</div>
									</section>
									<!-- /Contacts -->
								</div>

							</div>
						</div>
						<hr />
					</div>
					<!-- /Footer -->

					<!-- Copyright -->
					<div id="copyright">
						<span> &copy; THBG | TheHoneybadgerGaming | TheHBGaming </span>
					</div>
					<!-- /Copyright -->

				</div>
			</div>
		</div>
	</div>
	<!-- /Footer Wrapper -->

</body>
</html>